<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Document</title>
	<style>
		div {
			width: 200px;
			height: 200px;
			position: absolute;
		}


		#d1 {
			left: 0;
			top: 0;
			background: green;
			transform: translateZ(0);
		}

		#d2 {
			left: 150px;
			top: 150px;
			background: yellow;
		}

		#d3 {
			left: 300px;
			top: 300px;
			background: purple;
		}

		#d4 {
			left: 450px;
			top: 450px;
			background: blue;
		}

		#d5 {
			width: 10px;
			height: 10px;
			left: 600px;
			top: 600px;
			background: pink;
			transform: scale(20);
		}
	</style>
</head>

<body>
	<h1>hello 老陈</h1>
	<div id="d1"></div>
	<div id="d2"></div>
	<div id="d3"></div>
	<div id="d4"></div>
	<div id="d5"></div>



</body>

</html>